<template>
    <div class="container">
        <my-head></my-head>

      <section class="neibu">
        <p class="min-title">网站首页》服务中心</p>
        <div class="z-title-btn">服务中心</div>

        <section class="huiy clearfix">
          <img  class="tu pull-left" src="../assets/img/bu.png" alt="">
          <div class="pull-left">
            <span> <em>十五天</em>  内有任何问题无条件包退换</span>
            <p>×××××建材商行是销售及安装卫生间隔断，公共卫生间隔断，卫生间隔断配，户前来咨洵，承客户至上的服务理念，热忱欢迎各新老客</p>
          </div>
        </section>
        <ul class="z-f clearfix">
          <li><img src="../assets/img/men.jpg" alt=""></li>
          <li><img src="../assets/img/men.jpg" alt=""></li>
          <li><img src="../assets/img/men.jpg" alt=""></li>
        </ul>

      </section>
        <my-foot></my-foot>
    </div>
</template>

<script>
    export default {

    }
</script>

<style scoped lang="less">
  .banner{
    width: 100%;
    height: auto;
  }
  .neibu{
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 200px;
    .z-title-btn{
      margin: 20px auto 50px auto;
      width: 160px;
      height: 40px;
      background: #364854;
      color: #ffffff;
      text-align: center;
      line-height: 40px;
      margin-top: 20px;
      font-size: 20px;

    }
    .min-title{
      padding-top:20px;
      font-size: 18px;
      color: #666666;
      padding-left: 10px;
    }
    .huiy{
      .tu{
        height: 150px;
        width: auto;
        padding: 10px 15px;
        box-sizing: border-box;
        background-size: contain;

      }
      div{
        width: 750px;
        margin-top: 75px;
        margin-left: 70px;
        span{
          font-size: 48px;
          line-height: 50px;
          em{
            font-style: normal;
            color: red;
          }
        }
        p{
          text-indent: 2em;
          line-height: 30px;
          letter-spacing: 1PX;
          color: #999999;
          font-size: 18px;
        }
      }

    }
    .z-f{
      width: 100%;
      padding: 40px 80px;
      li{
        box-sizing: border-box;
        float: left;
        width: 340px;
        padding: 0 20px;
        height: 430px;

        img{
          border-radius: 10px;
          overflow: hidden;
          width: 100%;
          height: 100%;
        }
      }
    }


  }
</style>
